<template>
<list-box :name="name" :word="word">
 	<course-item v-for="(item, index) in courseData" :key="index" :item="item">
 	</course-item>
 </list-box>
 </template>
 <script>
 	import listBox from './list-box.vue'
 	import courseItem from '@/components/common/course-item.vue'
 	import courseData from '@/mock/courseData.js'

 	export default {
 		components: {
 			listBox,
 			courseItem
 		},
 		props: {
 			name: { // 名称
 				type: String,
 				default: '付费精品'
 			},
 			word: { // 高亮单词，如： 'HOT'
 				type: String,
 				default: null
 			},
 			courseData: {
 				type: Array,
 				default: () => courseData
 			}
 		}
 	}
 </script>
 <style>
 </style>
